<template>
	<view>
		<view class="order1">
			<navigator url="../handleorder/handleorder">
				<image src="../../static/oder1.png">
					<text class="text">待处理订单</text>
				</image>
			</navigator>
		</view>
		<view class="order2">
		  <navigator url="../distribution/distribution">
			  <image src="../../static/oder2.png">
			  			  <text class="text2">同城配送订单</text>
			  </image>
		  </navigator>
		</view>
		<view class="order3">
			<navigator url="../quickorder/quickorder">
				<image src="../../static/oder3.png">
					<text class="text3">快速订单</text>
				</image>
			</navigator>
		</view>
	</view>
</template>
<script>
export default {
	data(){
	  return {
		  
	  }
	}
}
</script>
<style>
	page {
		background: rgb(245, 245, 245);
	}
	.order1 image {
		width: 690rpx;
		height: 120rpx;
		margin-top: 30rpx;
		margin-left: 30rpx;
		position: relative;
	}
	.text {
		position: absolute;
		left: 262rpx;
		top: 64rpx;
		font-size: 34rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 500;
		color: #fff;
		line-height: 60rpx;
	}
	.order2 image{
		width: 690rpx;
		height: 120rpx;
		margin-top: 20rpx;
		margin-left: 30rpx;
		position: relative;
	}
	.text2 {
		position: absolute;
		top: 204rpx;
		left: 246rpx;
		font-size: 34rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 500;
		color: #fff;
		line-height: 60rpx;
	}
	.order3 image {
		width: 690rpx;
		height: 120rpx;
		margin-top: 20rpx;
		margin-left: 30rpx;
		position: relative;
	}
	.text3 {
		position: absolute;
		top: 354rpx;
		left: 280rpx;
		font-size: 34rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 500;
		color: #fff;
		line-height: 60rpx;
	}
</style>
